import { ref, onMounted, onBeforeUnmount } from 'vue';
export default function(){
      const x=ref(-1)
      const y=ref(-1)
      // 点击事件的回调函数
      const clickHandle=(event:MouseEvent)=>{ //MouseEvent鼠标事件类型
        x.value=event.pageX
        y.value=event.pageY
      }
      // 页面加载完毕了,在进行点击的操作(页面加载完毕的生命周期组合API)
      onMounted(()=>{
        window.addEventListener('click',clickHandle)
      })
      // 组件卸载前的生命周期组合API
      onBeforeUnmount(()=>{
        window.removeEventListener('click',clickHandle)
      })
      return{
        x,
        y
      }
}